Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 06.05.2016, 17:19
Кандидат Javascript-наук
Отправить личное сообщение для ligisayan Посмотреть профиль Найти все сообщения от ligisayan
 
Регистрация: 19.06.2015
Сообщений: 114

Форма не передает данные на сервер
Всем привет! Есть форма регистрации нового пользователя, которая по умолчанию результат обработки отправляет на страницу confirm.php. А я хочу сделать так, чтобы результат срабатывал и отображался во всплывающем окне без перехода на другую страницу. Вот набросал фидл, но в какую сторону дальше двигаться пока не могу понять, submit не срабатывает и всплывающая форма не вызывается
<form id="form_id" action="/system/wpacert" method="post" enctype="multipart/form-data" name="certform">
 <input type="text" value="Имя"/>
 <input type="password" value="Пароль"/>
 <div>Сертификат: <input type="file" name="cert1"/></div>
<div><input class="confirmation" type="submit" value="Добавить"/></div>
            </form>
<div id="confirmation" class="mfp-hide">
<h2>Результат</h2>
<p>Имя</p>
<p>Пароль</p>
<p>Сертификат №</p>
</div>

$('.confirmation').submit(function(){
$.ajax({
type : 'POST',
url : '/system/wpacert',
data : $("#form_id").serializeArray(),
success: function (data) { 
$(".confirmation").magnificPopup({
items: {
src: '#confirmation',
type: 'inline'
}
});
alert('sucsess');// проверяем работу скрипта в случае успеха 
},
error :function(){
alert('fail');// проверяем работу скрипта в случае неудачи 
}
});
});
Ответить с цитированием
  #2 (permalink)  
Старый 06.05.2016, 17:27
Профессор
Отправить личное сообщение для laimas Посмотреть профиль Найти все сообщения от laimas
 
Регистрация: 14.01.2015
Сообщений: 12,989

Событие onsubmit, это событие формы, а не кнопки submit.
Ответить с цитированием
  #3 (permalink)  
Старый 06.05.2016, 18:09
Кандидат Javascript-наук
Отправить личное сообщение для ligisayan Посмотреть профиль Найти все сообщения от ligisayan
 
Регистрация: 19.06.2015
Сообщений: 114

Сообщение от laimas Посмотреть сообщение
Событие onsubmit, это событие формы, а не кнопки submit.
laimas, не совсем вас понимаю
Ответить с цитированием
  #4 (permalink)  
Старый 06.05.2016, 18:15
Профессор
Отправить личное сообщение для laimas Посмотреть профиль Найти все сообщения от laimas
 
Регистрация: 14.01.2015
Сообщений: 12,989

Вы пытаетесь навестить обработку события onsubmit у элемента, у которого его нет.

Не $('.confirmation').submit(function() ..., а $('#form_id').submit(function(e) ... должно быть, и первой строкой в обработчике e.preventDefault(); прописать.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
$.post не передает данные на сервер Siend jQuery 1 25.04.2015 15:21
Форма отправляет данные только в модальных окнах karakym jQuery 1 15.12.2014 07:59
save() - где находятся данные при отправке на сервер? kuzroman Backbone.js 2 06.11.2013 22:42
WYMeditor: не отправляются данные на сервер Ticksy jQuery 0 04.01.2011 21:45
Не отправляются на сервер данные из клонированных полей Dark jQuery 1 02.04.2010 19:53